/*
 * 侧边导航样式
 */
.sc-aside-nav {
  transition: width 0.2s ease;
  background-color: $asideNavBackground;

  .el-menu-item {
    position: relative;
  }

  &-menu {
    &-button {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;

      &-text {
        padding-left: 20px;
        height: 100%;
      }

      &-link {
        padding-left: 20px;
        display: block;
        height: 100%;
        color: inherit;
        text-decoration: none;
      }
    }
  }

  .el-submenu {
    .el-menu {
      .sc-aside-nav-menu-button-link,
      .sc-aside-nav-menu-button-text {
        padding-left: 40px;
      }
    }
  }

  .sc-aside-nav-menu {
    border-right: none;
  }
}
